<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>导调端</title>
		<link rel="stylesheet" type="text/css" href="css/reset-min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="dispatch">
			<div class="dispatch_top"><img src="img/top_bg.png" /></div>
			<div class="topNav">
				<div class="left">
					<ul class="topUl">
						<li><img src="img/logoSm.png" /></li>
						<li class="fenge"></li>
						<li>大面积停电应急推演系统</li>
						<li class="fenge"></li>
						<li>
							<p>演练方案管理</p>
						</li>
					</ul>
				</div>
				<div class="right">
					<ul class="userUl">
						<li><span class="TelImg" id="jiankongPop" onclick="user_monitoring.getUserList()"></span></li>
						<li id="userName">
							<div class="userName">
								<span id="roleName"></span> :								
								<span id="login_name"></span>
								<div class="Signout">
									<i></i>
									<em ><a href="javascript:viod(0)" id="logout_obt">退出系统</a></em>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="dispatchContent">
				<div class="top">
					<div class="topBtn">
						<div class="btn" id="addP"><span class="addImg"></span>增加</div>
						<div class="btn" id="edit"><span class="editImg"></span>编辑</div>
						<div class="btn" id="del"><span class="delImg"></span>删除</div>
					</div>
					<div class="topRight">
						<a href="javascript:;" id="lookMore" onclick="lookMore()">查看更多信息>></a>
					</div>
				</div>
				<div class="twoList">
					<div class="table" style="overflow-y:scroll;">
						<table class="Dtable" id="getclassrooms_list">
							
						</table>
					</div>
					<div class="list">
						<ul class="padding20">
							<li>
								<p>演练方案名称：</p>
								<input type="text" name="" id="ecdClassRoomName" value="" />
							</li>
							<li>
								<p>演练项目：</p>
								<input type="text" name="" id="projectName" value="" />
							</li>
							<li>
								<p>演练方案描述：</p>
								<textarea name="" rows="" cols="" id="ecdClassRoomDescription"></textarea>
							</li>
						</ul>
					</div>
				</div>
				<div class="pageBtn">
					<a id="start_yl"><button>开始演练</button></a>
				</div>
			</div>
		</div>
		<!--编辑演练方案弹框-->
		<div class="editPop">
			<div class="cen">
				<h2 class="title"><i><span>导调员:<span id="login_name2"></span></i><span class="logo"></span></h2>
				<div class="selet">
					<span>方案详细</span>
					<span>方案状态：
						<select name="" id="alive">
							<option value="1">在用</option>
							<option value="0">未用</option>
							<option value="2">已用</option>
						</select>
					</span>
					
				</div>
				<div class="content">
					<div class="left" >
						<ul class="padding20">
							<li>
								<p>演练方案名称：</p>
								<textarea name=""  id="ecdName"></textarea>
							</li>
							<li>
								<p>演练项目：</p>
								<textarea name=""  id="protName" readonly="readonly"></textarea>
							</li>
							<li>
								<p>演练方案描述：</p>
								<textarea name=""  class="hei140" id="ecdDescription"></textarea>
							</li>
						</ul>
							<div class="editText">方案文档：<button id="addDoc">添加</button></div>
						<div style="max-height:100px;overflow-y: scroll;">
							<table class="Etable">
							<tbody id = "addwenDangbj">
							 <tr>
								<th><input type="checkbox" name="" id="" value="" /></th>
								<th>素材编号</th>
								<th>素材名称</th>
								<th>操作</th>
							</tr> 
							<!-- <tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id="" value="" /></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr> -->
						</tbody>
						</table>
						</div>
						
						<div class="bottomBtn">
							<button class="close" id="baocun">保存</button>
							<button class="close" id="cancel">取消</button> 
						</div>
					</div>
					<div class="right">
						<div class="incident">
							<div class="l">事件信息情况：</div>
							<div class="r" id="" ><span></span>智能绑定用户</div>
						</div>
						<div style="height: 545px;overflow-y: scroll;" id="getevents_list">
							<!-- <div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable" id="">
							<tr>
								<td rowspan="10" style="background: #a0a0ff;"></td>
								<td colspan="3" rowspan="10">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="javascript:;" class="addUser" id="editUser"></a></td>
							 </tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="5" style="background: #ff9900;"></td>
								<td colspan="3" rowspan="5">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="5" style="background: #ff3300;"></td>
								<td colspan="3" rowspan="5">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="10" style="background: #0070c0;"></td>
								<td colspan="3" rowspan="10">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>-->
						</div> 
					</div>
				</div>
			</div>
		</div>
		
		<!--删除弹框-->
		<div class="delPop">
			<div class="cen">
				<h2 class="title"><i>删除演练方案</i><span class="close"></span></h2>
				<div class="content">
					<p class="delP">
						确定要删除演练方案吗？删除后将不能恢复。
					</p>
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2" id="delete_yl">确定</a>
						<a href="#" class="link close">取消</a>
					</div>
				</div>
			</div>
		</div>
		
		<!--新增演练方案弹框-->
		<div class="addPop">
			<div class="cen">
				<h2 class="title"><i>新增演练方案</i><span class="close"></span></h2>
				<div class="content">
					<div class="left">
						<ul class="padding20">
							<li>
								<p>演练方案名称：<em>必填</em></p>
								<textarea name="" placeholder="请填写演练方案名称，最多可输入30个字符……" id="yanlian_name"></textarea>
							</li>
							<li>
								<p>演练方案项目：<em>必填</em></p>
								<select name="" id="yanlian_project">
									<option value="" selected="selected">请选择一个项目</option>
									<!-- <option value="">地震大面积停电演练20160317</option>
									<option value="">地震大面积停电演练20160317</option> -->
								</select>
							</li>
							<li>
								<p>演练方案描述：<em>必填</em></p>
								<textarea name="" placeholder="请填写演练方案描述，最多可输入125个字符……" class="hei150" id="yanlian_desc"></textarea>
							</li>
						</ul>
						<!-- <div class="editText">方案文档：<button id="addDoc2">添加</button></div> -->
						<div style="max-height:100px;overflow-y: scroll;">
							<table class="Etable">
							<!-- <tbody id = "addwenDang">
							 <tr>
								<th><input name="" id="" value="" type="checkbox"></th>
								<th>素材编号</th>
								<th>素材名称</th>
								<th>操作</th>
							</tr> -->
							<!-- <tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr>
							<tr>
								<td><input name="" id="" value="" type="checkbox"></td>
								<td>002</td>
								<td>安质员1</td>
								<td>删除</td>
							</tr> -->
						<!-- </tbody> -->
						</table>
						</div>
					</div>
					<div class="right">
						<div class="incident">
							<div class="l">事件信息情况：</div>
							<div class="r"><span></span>智能绑定用户</div>
						</div>
						<div style="height: 545px;overflow-y: scroll;">
							<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="10" style="background: #a0a0ff;"></td>
								<td colspan="3" rowspan="10">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="#" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="#" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="#" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="5" style="background: #ff9900;"></td>
								<td colspan="3" rowspan="5">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="5" style="background: #ff3300;"></td>
								<td colspan="3" rowspan="5">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						<div style="max-height: 162px;overflow-y: scroll;">
							<table class="Ptable">
							<tr>
								<td rowspan="5" style="background: #0070c0;"></td>
								<td colspan="3" rowspan="5">（事件1）背景介绍</td>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
							<tr>
								<td colspan="3">【角色1】<span class="geren"></span>安质部01</td>
								<td colspan="2">【用户】用户01</td>
								<td><a href="" class="addUser"></a></td>
							</tr>
						</table>
						</div>
						</div>
					</div>
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a  class="link2" id="getallproj">创建</a>
						<a href="#" class="link close">取消</a>
					</div>
				</div>
			</div>
		</div>
		
		<!--查看更多-->
		<div class="detailsPop">
			<div class="cen">
				<h2 class="title"><i>演练方案详细信息</i><span class="close"></span></h2>
				<div class="content">
					<div class="left"  style="overflow-y:scroll;">
						<ul class="padding20">
							<li>
								<p>演练方案名称：</p>
								<div class="detailText1"  id="ecdName1" style="overflow-y:scroll;">
									
								</div>
							</li>
							<li>
								<p>演练项目：</p>
								<div class="detailText" id="protName1" style="overflow-y:scroll;">
								</div>
							</li>
							<li>
								<p>演练方案描述：</p>
								<div class="detailText hei210" id="ecdDescription1" style="overflow-y:scroll;">
								</div>
							</li>
							<li>
								<div class="detailText" style="margin-top: 20px;" id="useStat">
									
								</div>
							</li>
						</ul>
					</div>
					<div class="right">
						<div class="incident">
							<div class="l">事件信息情况：</div>
						</div>
						<div style="height: 545px;overflow-y: scroll;" id="getevents_list1">
						
						</div>
					</div>
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2">更新</a>
						<a href="#" class="link close">取消</a>
					</div>
				</div>
			</div>
		</div>
		
		<!--编辑用户弹框-->
		<div class="editUserPop">
			<div class="cen">
				<h2 class="title"><i>编辑用户</i><span class="close"></span></h2>
				<div class="content">
					<ul class="discussText">
						<li>
							<p>所选角色名称：<span id = "Js_name"></span> </p>
						</li>
						<li>
							<p>所选用户名称：<input type="text" id="Yh_name" value="" name="" readonly="readonly"> </p>
						</li>
						<li>
							<p>用户选择列表： </p>
							<div class="alluserList" id = "allUser">
								<!-- <label><input name="flavor" value="1" type="checkbox">用户01</label> -->
								<!-- <label><input name="flavor" value="2" type="checkbox">用户01</label>
								<label><input name="flavor" value="3" type="checkbox">用户01</label>
								<label><input name="flavor" value="4" type="checkbox">用户01</label>
								<label><input name="flavor" value="5" type="checkbox">用户01</label>
								<label><input name="flavor" value="6" type="checkbox">用户01</label>
								<label><input name="flavor" value="7" type="checkbox">用户01</label>
								<label><input name="flavor" value="8" type="checkbox">用户01</label>
								<label><input name="flavor" value="9" type="checkbox">用户01</label>
								<label><input name="flavor" value="10" type="checkbox">用户01</label>
								<label><input name="flavor" value="11" type="checkbox">用户01</label>
								<label><input name="flavor" value="12" type="checkbox">用户01</label>
								<label><input name="flavor" value="13" type="checkbox">用户01</label>
								<label><input name="flavor" value="14" type="checkbox">用户01</label>
								<label><input name="flavor" value="15" type="checkbox">用户01</label>
								<label><input name="flavor" value="16" type="checkbox">用户01</label>
								<label><input name="flavor" value="17" type="checkbox">用户01</label>
								<label><input name="flavor" value="18" type="checkbox">用户01</label>
								<label><input name="flavor" value="19" type="checkbox">用户01</label>
								<label><input name="flavor" value="20" type="checkbox">用户01</label>
								<label><input name="flavor" value="21" type="checkbox">用户01</label>
								<label><input name="flavor" value="22" type="checkbox">用户01</label>
								<label><input name="flavor" value="23" type="checkbox">用户01</label>
								<label><input name="flavor" value="24" type="checkbox">用户01</label> -->
							</div>
						</li>
					</ul>
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a class="link2" id = "baoCunbj" >保存</a>
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="jiankongPop">
					<div class="cen">
						<h2 class="title">
						<div class="titL">
							<p>用户监控</p>
						</div>
						<div class="leaseFresh">
							<div class="Refresh" onclick="user_monitoring.getUserList()"><span></span>刷新</div>
						</div>
						<div class="titR">
							<span class="close"></span>
						</div>
					</h2>
					<div class="content">
						<div class="MonitoringTop">
							<div class="LL" id="userList_out">
								
							</div>
						</div>
						<div class="Monitselect">
							<div class="MonitL">
								<ul class="MonitUl" id="MonitUl" style="height: 545px;overflow-y: scroll;">
									<!-- <li class="active"><p>1 2015广东省揭阳市政府联合处理各种澳康达噶松岛枫色</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>2 ASO腐恶水豆腐上的优势动力</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>3   阿尔迪分页搜ID肤色哦大药房搜到</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>4 2015广；而饿死的覅偶阿瑟爱ower我</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>5   阿尔法苏意大利反应速度</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>6   撒旦若佛山市多敷</p><div class="Monitbtn">清除所有用户</div></li>
									<li><p>7   爱电影死啦反应速度</p><div class="Monitbtn">清除所有用户</div></li> -->
								</ul>
							</div>
							<div class="MonitR">
								<div class="userTop">
									<!-- <div class="yanjiang">
										<p>演讲师01</p>
									</div> -->
								</div>
								<div class="userBottom">
									<!-- <div class="yonghu">
										<p>用户001</p>
									</div> -->
								</div>
							</div>
						</div>
					</div>
					</div>
				</div>
				
				<!--编辑----添加文档-->
				<div class="adddocPop">
					<div class="cen">
						<h2 class="title"><i>添加文档</i><span class="close"></span></h2>
						<div class="content">
							<div class="adddocTop"><button id="addMatter">新建素材</button></div>
							<table class="addTable" id = "wenDangbj">
								<!-- <tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>素材编号</td>
									<td>素材名称 </td>
									<td>是否被引用</td>
									<td>被引用对象</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>0001</td>
									<td>撒可富is</td>
									<td>是</td>
									<td>王某项目</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>0001</td>
									<td>撒可富is</td>
									<td>是</td>
									<td>王某项目</td>
								</tr> -->
							</table>
						</div>
						<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2" id= "bcWendangbj">保存</a>
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
					</div>
				</div>
				<!--编辑---新建素材-->
				<div class="addMatter">
					<div class="cen">
						<h2 class="title"><i>新建素材</i><span class="close"></span></h2>
						<div class="content">
							<ul class="addUl">
								<li>
									素材类型：
									<select name="">
										<option value="">视频</option>
										<option value="">文档</option>
									</select>
								</li>
								<li>
									素材名称 ：
									<input type="text" name="" id="" value="" />
								</li>
								<li>
									<input type="text" name="" id="" value="" />
									<button>上传附件</button>
								</li>
							</ul>
							<div class="textAdd">
								<p>素材摘要：</p>
							<textarea name="" rows="" cols="" placeholder=""></textarea>
							</div>
						</div>
						<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2">保存</a>
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
					</div>
				</div>
				
				<!--新增----添加文档-->
				<div class="adddocPop2">
					<div class="cen">
						<h2 class="title"><i>添加文档</i><span class="close"></span></h2>
						<div class="content">
							<div class="adddocTop"><button id="addMatter2">新建素材</button></div>
							<table class="addTable" id= "wenDang">
								<!-- <tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>素材编号</td>
									<td>素材名称 </td>
									<td>是否被引用</td>
									<td>被引用对象</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>0001</td>
									<td>撒可富is</td>
									<td>是</td>
									<td>吴珍美新增项目</td>
								</tr>
								<tr>
									<td><input type="checkbox" name="" id="" value="" /></td>
									<td>0001</td>
									<td>撒可富is</td>
									<td>是</td>
									<td>吴珍美新增项目</td>
								</tr> -->
							</table>
						</div>
						<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2" id="bcWendang">保存</a>
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
					</div>
				</div>
				
				<!--新增----新建素材-->
				<div class="addMatter2">
					<div class="cen">
						<h2 class="title"><i>新建素材</i><span class="close"></span></h2>
						<div class="content">
							<ul class="addUl">
								<li>
									素材类型：
									<select name="">
										<option value="">视频</option>
										<option value="">文档</option>
									</select>
								</li>
								<li>
									素材名称 ：
									<input type="text" name="" id="" value="" />
								</li>
								<li>
									<input type="text" name="" id="" value="" />
									<button class="">上传附件</button>
								</li>
							</ul>
							<div class="textAdd">
								<p>素材摘要：</p>
							<textarea name="" rows="" cols="" placeholder="吴珍美新增"></textarea>
							</div>
						</div>
						<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2">保存</a>
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
					</div>
				</div>
				
				
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="js/getclassrooms.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/getallproj.js"></script>
		<script type="text/javascript" src="js/getevents.js"></script>
		<script type="text/javascript" src="js/user_monitoring.js"></script>
		<script type="text/javascript">
			$(function() {
				var height = $(window).height();
				$(".dispatchLeft").css("height", height - 78);

				$("#edit").click(function() {
					$(".editPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".editPop .close").click(function() {
					$(".editPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				$("#del").click(function() {

					$(".delPop").show(500);
					$(this).addClass("overHiden");
					
				});
				$(".delPop .close").click(function() {
					$(".delPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				$("#addP").click(function() {
					$(".addPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".addPop .close").click(function() {
					$(".addPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				$("#lookMore").click(function() {
					$(".detailsPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".detailsPop .close").click(function() {
					$(".detailsPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				$("#editUser").click(function() {
					$(".editUserPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".editUserPop .close").click(function() {
					$(".editUserPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				/*用户监控*/
				$("#jiankongPop").click(function() {
					//alert("ok")
					$(".jiankongPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".jiankongPop .close").click(function() {
					$(".jiankongPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				/*添加文档*/
				$("#addDoc").click(function() {
					//alert("ok")
					$(".adddocPop").show(500);
					$(this).addClass("overHiden");
				});
				$(".adddocPop .close").click(function() {
					$(".adddocPop").hide(500);
					$(this).removeClass("overHiden");
				});
				
				/*新建素材*/
				$("#addMatter").click(function() {
					//alert("ok")
					$(".addMatter").show(500);
					$(this).addClass("overHiden");
				});
				$(".addMatter .close").click(function() {
					$(".addMatter").hide(500);
					$(this).removeClass("overHiden");
				});
				
				/*新增----添加文档*/
				$("#addDoc2").click(function() {
					//alert("ok")
					$(".adddocPop2").show(500);
					$(this).addClass("overHiden");
				});
				$(".adddocPop2 .close").click(function() {
					$(".adddocPop2").hide(500);
					$(this).removeClass("overHiden");
				});
				
				/*新增----新建素材*/
				$("#addMatter2").click(function() {
					//alert("ok")
					$(".addMatter2").show(500);
					$(this).addClass("overHiden");
				});
				$(".addMatter2 .close").click(function() {
					$(".addMatter2").hide(500);
					$(this).removeClass("overHiden");
				});
				/*$(".topNav .userName").mouseover(function() {
				$(this).find(".Signout").show();
				}).mouseout(function() {
					$(this).find(".Signout").hide();
				});*/
				$("#userName").mouseover(function() {
					$(".Signout").show();
				}).mouseout(function() {
					setTimeout('$(".Signout").hide()',2000);
				});
				$(".topNav .Signout em").click(function() {
					$(this).parent().hide();
				})	
				
			});
		</script>
	</body>

</html>